<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script type="text/javascript" src="../js/js-lib/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../js/js-lib/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="../js/show_post.js" charset="utf-8"></script>

</head>
<body>
  <div id="show-post-page">

    <hr>
    <div name="detail-post" class="detail-post">
      <div name="ten" class="ten" id="ten"></div>
      <div name="noi_dung" class="noi_dung" id="noi_dung"></div>
    </div>
    <div name="comment-box" style="border: solid 1px;">
      Name: <input type="text" id="name"> </br> Email: <input type="text" id="email"> </br> Phone: <input
        type="text" id="phone"> </br> Content:
      <textarea rows="3" cols="30" id="content"></textarea>
      </br>
      <button data="add_comment">Add comment</button>
    </div>
    <div name="comment-list">
      <ul class="list-comment-ul" id="list-comment-ul">
      </ul>
    </div>


    <div name="list-post" class="list-box" data="abc">
      <ul class="list-post-ul" id="list-post-ul">
      </ul>
    </div>
    <hr>
    <li id="post-li-templet" name="post-li-templet" class="hidden post-li-templet" data="to-detail">
      <div name="name"></div>
      <div name="createTime"></div>
      <div name="id" class="hidden"></div>
    </li>
    <li id="comment-li-templet" name="comment-li-templet" class="hidden comment-li-templet">
      <div name="name"></div>
      <div name="content"></div>
      <div name="id" class="hidden"></div>
    </li>
  </div>
</body>
</html>